<!DOCTYPE html>
<html lang="zn-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>apple.com.cn</title>
    <style>
        li {
            list-style: none;
        }
        body {
            background-color: #fafafa;
        }
        .nav {
            text-decoration: none;
            font-weight: 400px;
            color:rgb(26, 170, 7)
        }
        h4 {
            color:pink;
        }
        h1 {
            color:thistle;
        }
    </style>
</head>
<body>
    <ul>
        <li>
        <center>
        <h4>新款</h4>
        <h1>iPad Pro</h1>
        <a class="nav" href="#">进一步了解</a>
     <div class="ipad">
        <img width="65%" src="https://www.apple.com.cn/v/home/d/images/heroes/ipad-pro/hero__dvsxv8smkkgi_small_2x.jpg" alt="">
        <p>iPad Pro 于 3 月 25 日发售  妙控键盘于 5 月发售</p>
    </div>
        </center>
     </li>
     <li>
         <center>
            <h4>新款</h4>
            <h1>macbook-air</h1>
            <img width="65%" src="https://www.apple.com.cn/v/home/d/images/heroes/macbook-air/hero__dvsxv8smkkgi_large_2x.jpg" alt="">
            <p>iPad Pro 于 3 月 25 日发售  妙控键盘于 5 月发售</p>
         </center>
     </li>
     <li>
        <center>
            <h4>新款</h4>
            <h1>iPhone 11 Pro</h1>
            <h3>摄像头、显示屏，性能，样样Pro如其名。</h3>
            <img width="65%" src="https://www.apple.com.cn/v/home/d/images/heroes/iphone-11-pro/hero__dvsxv8smkkgi_large_2x.jpg" alt="">
            <p>iPhone 11 Pro 于 8 月 8 日发售  妙控键盘于 8 月发售</p>
         </center>
     </li>
    </ul>
</body>
</html>